<%-- 
    Document   : lihatEvent
    Created on : 08 Des 11, 12:31:23
    Author     : Agus
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml">
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="e" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    <!DOCTYPE html>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <title>Event</title>
            <style type="text/css">
                @import url("layout.css");
                @import url("forms.css");
            </style>
            <script type="text/javascript" src="jqueryui/js/jquery-1.3.2.min.js"></script>
            <script type="text/javascript" src="jqueryui/development-bundle/ui/ui.core.js"></script>
            <script type="text/javascript" src="jqueryui/development-bundle/ui/effects.core.js"></script>
            <script type="text/javascript" src="jqueryui/development-bundle/ui/effects.highlight.js"></script>
            <script type="text/javascript" src="jqueryui/development-bundle/ui/ui.tabs.js"></script>

            <script type="text/javascript">
                $(function() {
                    $("#tabs").tabs({
                        event: 'mouseover'
                    });
                });

                $(function() {
                    //run the currently selected effect
                    function runEffect(){
                        //get effect type from
                        var selectedEffect = $('#highlight').val();
                        //most effect types need no options passed by default
                        var options = {};
                        //check if it's scale, transfer, or size - they need options explicitly set
                        if(selectedEffect == 'scale'){  options = {percent: 0}; }
                        else if(selectedEffect == 'size'){ options = { to: {width: 200,height: 60} }; }

                        //run the effect
                        $("#searchdiv").toggle(selectedEffect,options,500);
                    };

                    //set effect from select menu value
                    $("#searchnow").click(function() {
                        runEffect();
                        return false;
                    });

                });

            </script>

            <link href="css/ajaxui.css" rel="stylesheet" type="text/css" />

        </head>
        <body>
            <div id="wrap">
                <div id="topbar">
                    <ul>    
                        <li><a href="account?page=home">Home</a></li>
                        <li><a href="account?page=profile">Profile</a></li>
                        <li class="current"><a href="event?page=list">My Events</a></li>
                        <li><a href="#">Contact us</a></li>
                        <li><a href="account?page=logout">Log Out</a></li>                        
                    </ul>
                </div>
                <div id="header">
                    <div id="sitename">
                        <h1 id="logo">O-nick</h1>
                    </div>
                    <div id="shoutout"><img src="images1/joinnow_shoutout.jpg" alt="Join Now! It's Free" width="168" height="126" /></div>
                </div>
                <div id="content">

                    <div id="topcategorieslink" class="clear">
                        <h2>Event Details</h2>

                        <ul>
                        </ul></div>
                    <div class="clear">&nbsp;</div>
                    <div id="main">
                        <h1>Event ${ename.namaEvent}</h1>
                        <div id="moredetails">
                            <div id="listing_details">
                                <table cellspacing="0" cellpadding="0">

                                    <td width="200">&nbsp;</td>
                                    <tr>
                                        <td>Name</td>
                                        <td>${uname.nama}</td>
                                    </tr>
                                    <tr>
                                        <td>Picture</td>
                                        <td><img src="${ename.gambar}" height="50" width="50"></td>
                                    </tr>
                                    <tr>
                                        <td>Description</td>
                                        <td>${ename.deskripsi}</td>
                                    </tr>
                                    <tr>
                                        <td>Date</td>
                                        <td>${ename.tanggal}</td>
                                    </tr>
                                    <tr>
                                        <td>Place</td>
                                        <td>${ename.tempat}</td>
                                    </tr>
                                    <tr>
                                        <td>Price</td>
                                        <td>${ename.hargaTiket}</td>
                                    </tr>
                                    <tr>
                                        <td>Account</td>
                                        <td>${ename.rekening}</td>
                                    </tr>
                                    <tr>
                                        <td>Phone</td>
                                        <td>${ename.teleponCP}</td>
                                    </tr>
                                    <div class="listingbtns">
                                        <span class="listbuttons"><a href="event?page=edit&&namaEvent=${ename.namaEvent}">Edit Event</a>
                                        </span>
                                        <span class="listbuttons">
                                            <a href="event?page=upload&&namaEvent=${ename.namaEvent}">Upload Picture</a>
                                        </span>
                                        <span class="listbuttons">
                                            <a href="event?page=list">List of Events</a>
                                        </span>
                                        <span class="listbuttons" >
                                            <a href="payment?page=list">List of Payments</a>
                                        </span>
                                    </div>
                                </table>

                            </div>
                            <div class="clear">&nbsp;</div>

                        </div>


                    </div>

                    <body><br></br>
                        <div id="topcategorieslink" class="clear">
                            <h2>Comment from ${error}</h2>
                        </div>
                        <div class="clear">&nbsp;</div>
                        <div id="main">
                            <div id="moredetails">
                                <div id="listing_details">
                                    <table cellspacing="0" cellpadding="0">

                                        <td width="200">&nbsp;</td>
                                        <table align="center" class="search_form" style="width:100%; border:none;">
                                            <form action="comment?page=added" method="post">
                                                <td class="label">Author :
                                                    <br></br>
                                                    <input type="text" name="pemberiComment" value="${tempAddComment.pemberiComment}" />
                                                </td></label>

                                                <tr>
                                                    <td class="label">Comments : <br></br> 
                                                        <textArea rows="5" cols="30" type="text" name="isi" />${tempAddComment.isi}</textarea>
                                                    </td></label>
                                                </tr>
                                                </td>
                                                <td colspan="2" class="label"><label>
                                                        <div align="left">
                                                            <input type="submit" value="Post" /> </div>
                                                    </label>

                                            </form>
                                        </table>
                                </div>
                                <br><br>
                                <ul class="listing">
                                    <e:forEach items="${comments}" var="cmt">
                                        <li>
                                            <div class="listinfo">
                                                <h2>${cmt.pemberiComment} says...</h2>
                                                <h4>${cmt.isi}</h4>
                                            </div>
                                            <div class="listingbtns">
                                                <span class="listbuttons">
                                                    <a href="comment?page=list&&idComment=${cmt.idComment}" onclick="return confirm('Are you sure?')">Delete</a></span>
                                            </div>

                                            <div class="clear">&nbsp;</div>
                                        </li>
                                    </e:forEach>
                                </ul> 
                                </body>
                                </body>
                                </html>
